<template>
 <div>
    <h1>我是首页组件Home</h1>
		<!-- 导航区 -->
		<ul class="nav nav-tabs">
			<li>
				<router-link to="/home/news" class="list-group-item" active-class="cur">News</router-link>
			</li>
			<li>
			    <router-link to="/home/message" class="list-group-item" active-class="cur">Message</router-link>
			</li>
		</ul>
		<!-- 展示区 -->
		<div>
		    <!-- Home路由组件的展示区域:展示相应二级路由【home一级路由，展示是它子路由】 -->
			<router-view></router-view>
		</div>
	</div>
</template>

<script>
export default {
  name: 'Home',
  mounted() {
    console.log('我是HOME')
  },
}
</script>

<style scoped>

</style>
